<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>		  
		<div id="app"> 
			 <h3 @click="h3Click">
				 点击事件
				 <div style="background-color: darkgrey;" @click="divClick">点击事件</div>
			 </h3>
			 
			 <hr/>
			 <h3>stop阻止冒泡</h3>
			 <h3 @click="h3Click">
				 点击事件
				 <div style="background-color: darkgrey;" @click.stop="divClick">点击事件</div>
			 </h3>
		</div>
		
	</body>
	<script src="../js/vue.js"></script>
	
	<script>
		
		const app=new Vue({
			el:"#app",
			// 存放私有数据地址
			data:{
			 
			},
			methods: {
				h3Click(){
					alert("h3-click");
				},
				divClick(){
					alert("div-click");
				}
			}
		});
		
	</script>
</html>